body {
background: #EBEBEB none;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}
h1,h2,h3,h4,h5,h6 {
font-weight: 700;
color: #000;
background-color: inherit;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
}
h4 {
font-size: 12px;
font-style: italic;
font-weight: normal;
}
p {
line-height: 16px;
}
a {
color: #005d82;
background-color: inherit;
text-decoration: underline;
}
a:link,
a:visited {
text-decoration: underline;
}
a:hover,
a:active {}
/* All the input fields (text input, textareas, selects) */
input.input-text,
input.input-password,
input[type^=text],
textarea,
select {}
table {}
table thead th {}
table th a {}
table th a:hover {}
table td {vertical-align: middle;
}
table tr.even td {}
div#page {
color: inherit;
background-color: #fff;
}
/* Set the overall width */
div#page,
div#header,
div#content,
div#local,
div#user,
div#user-menu,
div#footer {
width: 1000px;
}
/* For pages without navigation (you can set which pages you do not want to have navigation on, for whatever reason) */
div#page.no_local div#main {}
div#page.no_local div#sub {}
/* For pages without a side column, you can set which pages do or do not have side columns. */
div#page.no_sub div#main {
width: 960px;
}
/**
*
* HEADER
*
* The header is where your logo, login links, search, and user control links should go.
*
*/
div#header {
height: 100px;
}
/* Here is where you put your logo! Yes, it is the background of a div. This div is special because Javascript makes it behave
like a Home link by default, you can change this in the settings if you absolutely must.
You must change the width and height of this div to the same size as your logo. */
div#branding-logo {
width: 494px;
height: 60px;
background-color: transparent;
background-image: url(logo.gif);
background-repeat: no-repeat;
background-position: 0 0;
margin-top: 30px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 15px;
}
div#branding-mashery {
top: 13px;
right: 20px;
}
/* END HEADER */
/**
*
* USER
*
* User information and actions
*
*/
div#user {
/* position: relative; This causes issues in IE6 */
}
/**
*
* USER NAV
*
* Login, logout, register, and My Account links.
*
*/
div#user-nav {
margin-top: -60px; /* Use top margin to move this around when you can. */
padding-right: 50px;
FONT-SIZE: 12px;
color: #4d4d4d;
background-color: inherit;
}
div#user-nav ul li {
border-left: 1px solid #000;
}
div#user-nav ul li.first {
border: none;
}
div#user-nav ul li.last {
padding-right: 0;
}
/* The user's name, "Signed in as Wally Wombat" */
div#user-nav ul li span.name {}
div#user-nav ul li a {
font-weight: bold;
}
/* END USER NAV */
/* END USER */
/**
*
* LOCAL NAV
*
* This is the main navigation bar. You can customize your links in the Settings page.
*
* The div#local appears AFTER the content for accessbility reasons. Please see
*
* Because the navigation is placed below the content, you will most likely need
* to use absolute positioning. Please make sure you understand positioning before
* trying to customize it!
*
*/
div#local {
float: none;
height: 33px;
display: block;
position: absolute;
left: 20px;
top: 20px;
}
/* Button Background styles */
div#local li {
width: 115px;
display: block;
margin: 0;
border-left: 1px solid #b9b9b7;
border-right: 1px solid #343432;
list-style-type: none;
text-align: center;
background: transparent url(topNavbar2.gif) 0px -200px; /* button Background: gray */
}
div#local li:hover {
background: transparent url(topNavbar2.gif) 0px -400px; /* hovered button Background: light blue */
}
div#local li.active {
background: transparent url(topNavbar2.gif) 0px -250px; /* selected button Background: blue */
}
div#local li.active:hover {
background: transparent url(topNavbar2.gif) 0px -400px; /* hovered, selected button Background: light blue */
}
div#local li.first {
width: 115px;
border-left: none;
}
div#local li.last {
width: 115px;
border-right: none;
}
div#local li a {
width: 100%;
padding: 0;
height: 33px;
text-decoration: none;
color: #fff;
background-color: transparent;
}
div#local li a:hover {
}
/* Left button Endcap styles */
div#local li.first a {
background-color: transparent;
background-image: url(topNavbar2.gif);
background-repeat: no-repeat;
background-position: left 0px;
}
div#local li.first a:hover {
background: transparent url(topNavbar2.gif) no-repeat left -300px; /* hovered left Endcap: light blue */
}
div#local li.first.active a {
background: transparent url(topNavbar2.gif) no-repeat left -100px; /* selected left Endcap: blue */
}
div#local li.first.active a:hover {
background: transparent url(topNavbar2.gif) no-repeat left -300px; /* hovered, selected left Endcap: light blue */
}
/* Right button Endcap styles */
div#local li.last a {
background: transparent url(topNavbar2.gif) no-repeat right -100px; /* right Endcap: gray */
}
div#local li.last a:hover {
background: transparent url(topNavbar2.gif) no-repeat right -350px; /* hovered right Endcap: light blue */
}
div#local li.last.active a {
background: transparent url(topNavbar2.gif) no-repeat right -150px; /* selected right Endcap: blue */
}
div#local li.last.active a:hover {
background: transparent url(topNavbar2.gif) no-repeat right -350px; /* hovered, selected right Endcap: light blue */
}
/* END LOCAL NAV */
/* Application Gallery styles */
div.separated {
padding: 12px 0;
border-top: 1px solid #006699;
}
div.separated div.quote {
font-weight: bold;
color: #006699;
background-color: #fff;
}
div.separated p {
margin-left: 0;
padding-left: 0;
}
/* End of API App Gallery styles
table { border: 1px solid #888;
} */
/* Application Models style */
div.model h2 {
color: #006699; background-color: inherit;
}
/* Support Levels page styles */
table#support {
margin-left: 5px;
border: 1px solid #888888;
border-collapse: collapse;
}
#support th, #support td {
vertical-align: top;
border: 1px solid #888888;
FONT-SIZE: 12px;
line-height: 16px;
text-align: center;
}
#support tr.sectionHead th {
padding: 2px 5px 7px 5px;
text-align: left;
color: #000000;
background-color: #e5e5e5;
}
#support td.goLeft {
width: 260px;
padding: 2px 5px 7px 12px;
text-align: left;
}
table#support td {
width: 130px;
padding: 2px 10px 7px 10px;
}
p.supportNote {
margin: 5px 0;
padding: 0 0 0 5px;
font-size: 10px;
}
/* End of Support Levels page styles */
/**
*
* USER MENU
*
* The User Menu contains actions for the user: Start New Entry, New Post, etc.
*
*/
/**
*
* SUB LOCAL NAVIGATION
*
* Links under each primary navigation section.
*
*/
div#user-menu {
display: none;
}
div#user-menu li a {
}
div#user-menu li.active a,
div#user-menu li.active a:hover {
}
/* END SUBLOCAL NAV */
/* END USER MENU */
/**
*
* CONTENT
*
* Where the magic happens (Content of page)
*
*/
div#content {
top: -15px;
}
/**
*
* MAIN
*
* This is where almost all the content for every page is.
*
*/
div#main {
margin-left: 25px;
margin-top: 60px;
padding: 0;
width: 690px;
FONT-SIZE: 12px;
}
/**
*
* BLOG, WIKI, FORUM, and DOCS
*
* Styling for the sections, meta info, file tables, and other parts of these apps.
*
* Remember, there are usually different states of each app type! For example, when browsing the forum the body will have
* an id of #page-forum and a class of .browse. If you click on a forum post to view it, the body will still have the same
* id, but the class will change to .read. This way you can control the different views of each app.
*
*/
/* Comments in all sections except the forum. */
div#main div.comments ol li.comment {
color: inherit;
background-color: #fefcfd;
border: 1px solid #e6e6e6;
/* border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
*/
}
/**
*
* FORUM
*
* The forum is very different than the blog, wiki, docs, etc. Be sure to check out the markup, the default styling
* should be ok for most people, but you may need to override some of your list (ul, ol) rules that you set in this
* stylesheet.
*
*/
/* The "Start new topic" button */
body.page-forum a.create-new {}
body.page-forum ol.categories {}
body.page-forum ol.topics {}
body.page-forum ol.comments {}
/* Subject of a thread */
body.page-forum h3.subject{}
/* The "original post" in each thread looks different by default */
body.page-forum ol.comments li.comment.first {}
/* END FORUM */
/* END BLOG, WIKI, FORUM, and DOCS */
/* END MAIN */
/**
*
* SUB
*
* The sub div is usually the small sidebar on the blog/wiki/forum, although some may prefer to hide it altogether.
*
* In the Dashboard, the sub is also where the form lives to add new content in the Content page.
*
*/
div#sub {
margin-right: 25px;
margin-top: 60px;
width: 220px;
font-size: 12px;
}
div#sub ul.docs-nav {
padding-left: 10px;
}
div#sub ul.docs-nav li.top a {
font-weight: bold;
color: #000000;
background-color: inherit;
}
div#sub a.active {
color: #000000;
background-color: inherit;
}
/* END SUB */
/*** LEFT COLUMN - NAVIGATION MENU ***/
div#menuBoxContent ul {
list-style-type: none;
padding-top: 0;
padding-left: 0;
margin-left: -5px;
color: #000;
}
div#menuBoxContent ul li {
padding-top: 5px;
font-size: 12px;
font-weight: bold;
}
div#menuBoxContent ul li a, div#menuBoxContent ul li span {
display: block;
height: 20px;
padding-left: 5px; /* was 10px */
cursor: pointer; /* instead of text cursor */
text-decoration: none;
color: #000;
}
div#menuBoxContent ul li span {
text-decoration: none;
}
div#menuBoxContent ul li.menuListTitle span { /* a 1st level li element that has a sub-list */
display: block;
padding-top: 5px;
padding-left: 0;
margin-left: 5px;
border-top: 1px solid #00668f;
color: #000;
background-color: #e6edf5;
}
div#menuBoxContent ul li a:hover { text-decoration: underline; }
div#menuBoxContent ul li ul {
margin: 0; padding: 0;
}
div#menuBoxContent ul li ul li {
margin-left: 0;
margin-bottom: 3px;
padding: 0 0 0 15px;
FONT-SIZE: 12px;
font-weight:normal;
background-color: #fff;
}
/* third level menu spacing for IE6 */
div#menuBoxContent ul li ul li ul {
margin: 0 0 0 20px; padding: 0;
}
/* third level menu spacing for non-IE6 */
html>body div#menuBoxContent ul li ul li ul {
margin: 0 0 0 5px; padding: 0;
}
div#menuBoxContent ul li ul li a, div#menuBoxContent ul li ul li span {
padding-left: 10px;
background: url(bullet.gif) no-repeat left .5em;
padding-bottom: 5px;
}
div#menuBoxContent ul li ul li.menuListSelect a, div#menuBoxContent ul li ul li a.menuListSubSelect {
background: url(bullet_blue.gif) no-repeat left .5em;
}
div#menuBoxContent ul li ul li ul li {
margin-left: 0;
margin-bottom: 0;
padding-left: 10px;
FONT-SIZE: 12px;
font-weight: normal;
background: #fff;
}
div#menuBoxContent ul li ul li ul li a, div#menuBoxContent ul li ul li ul li span {
background: url(dash.gif) no-repeat left .5em;
}
div#menuBoxContent ul li ul li ul li.menuListSelect a {
background: url(dash_blue.gif) no-repeat left .5em;
}
a.menuListTop, span.menuListTop {
border-top: none !important; /* removes border from top items of lists */
}
li.menuListSelect>a, .menuListSubSelect {
font-size: 11px !important;
font-weight: bold !important;
color: #00668f !important;
}
/*** END - LEFT COLUMN - NAVIGATION MENU ***/
/* END CONTENT */
/**
*
* FOOTER
*
* Contains your site-info as well as your footer links.
*
*/
div#footer {
padding-top: 20px;
background: #EBEBEB none;
color: #000000;
FONT-SIZE: 12px;
text-align: center;
}
div#footer ul {}
div#footer ul li {
margin: 0;
padding: 0 10px 0 6px;
border-right: 1px solid #000000;
}
div#footer ul li.last {
border-right: 0;
}
div#footer a {
color: #000000;
background-color: inherit;
text-decoration: none;
}
div#footer a:hover {
text-decoration: underline;
}
/**
*
* SITEINFO
*
* The siteinfo you can edit from the Settings page in the Dashboard.
* Usually this contains copyright stuff and credits.
*
*/
div#siteinfo {
padding: 5px 20px 10px;
}
div#siteinfo p {}
/* END SITEINFO */
/* END FOOTER */
/* END JIGSAW THEME */
/*nice tablecss*/
table{margin:8px 0;}
tr.t1 td {
background-color: #eee;
border-bottom:1px solid #fff;
padding: 1px 1px 1px 10px;
height: 20px;
border:1px;
vertical-align: middle;
}
/* 1st */
tr.t1 .leftcolor{
background-color: #E1E0F0;
border-bottom:1px solid #fff;
}
tr.t2 td {
background-color: #BFE6F0;
padding: 1px 1px 1px 10px;
border-bottom:1px solid #fff;
height: 20px;
border:1px;
}
tr.t2 td img{
background-color: none;}
/* 2th */
tr.t2 .leftcolor{
background-color: #E1E0F0;
border-bottom:1px solid #fff;
}
tr.t3 td {
height: 20px;
background-color: #C6C6C6;
color: #000;
padding: 1px 1px 1px 10px;
border:1px;
}
tr.t3 img{
background-color: none;
border: 10px;}
/* 3td */
table img{
background-color: none;
}
#main_text_box{
color:#444;
font-size:0.7em;
padding:14px 24px 4px 21px;
line-height:1.5;
clear:both;
}
.table{margin:8px 0;}
.tr.t1 td {
background-color: #eee;
padding: 1px 1px 1px 10px solid #fff;
border-bottom:1px solid #fff;
height: 20px;
border:1px;
}
/* 1st */
.tr.t1 .leftcolor{
background-color: #D4E4EE;
border-bottom:1px solid #fff;
}
.tr.t2 td {
background-color: #BFE6F0;
padding: 1px 1px 1px 10px solid #fff;
border-bottom:1px solid #fff;
height: 20px;
border:1px;
}
.tr.t2 td img{
background-color: none;}
/* 2th */
.tr.t2 .leftcolor{
background-color: #DCE6EF;
border-bottom:1px solid #fff;
}
.tr.t3 td {
height: 20px;
background-color: #F3F5F6;
color: #000;
padding: 1px 1px 1px 10px solid #fff;
border:1px;
}
.tr.t3 img{
background-color: none;
border: 10px;}
table{margin:8px 0;}
tr.t1 td {
background-color: #eee;
padding: 1px 1px 1px 10px solid #fff;
height: 20px;
border:1px;
}
/* 1st */
tr.t1 .leftcolor{
background-color: #7ED1E4;
border-bottom:1px solid #fff;
}
tr.t2 td {
background-color: #BFE6F0;
padding: 1px 1px 1px 10px solid #fff;
height: 20px;
border:1px;
vertical-align: middle;
}
tr.t2 td img{
background-color: none;}
/* 2th */
tr.t2 .leftcolor{
background-color: #7ED1E4;
border-bottom:1px solid #fff;
}
tr.t3 td {
height: 20px;
background-color: #F3F5F6;
color: #000;
padding: 1px 1px 1px 10px;
border:1px;
}
tr.t3 img{
background-color: none;
border: 10px;}
/* 3td */
table img{
background-color: none;
}
/*nice tablecss*/
/* list 图文并茂开始*/
#sort_main { float:left; background:#EAEAEA; width:700px; border:1px solid #C6C6C6; overflow-x:hidden; }
.sort_title { width:100%; line-height:22px; margin:8px; }
.sort_name { color:#000;}
#sort_list { text-align:left; float:left; width:95%!important; width:675px;padding-left:10px;}
#sort_list ul { margin:0; padding:5; list-style:none; text-align:center }
#sort_list li { float:left; width:192px!important; width:200px; height:181px!important; height:195px; border-left:1px solid #E0E0E0; border-top:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; background: #FdFdFd; padding:20px 5px 5px 5px ; margin:5px; overflow:hidden }
.sort_img { padding-bottom:5px }
#sort_list li img { width:180px; height:135px; border:1px solid #F3F3F3; background-color: #FAFAFA }
.sort_img_title { height:20px; line-height:20px; width:200px; overflow:hidden; }
.sort_img_date { color:#999999; height:20px; line-height:20px; width:150px; overflow:hidden }
.sort_page { clear:both; padding-top:4px }
#sort_subject { float:left; background:#EAEAEA no-repeat left center; width:673px!important; width:675px; border:1px solid #C6C6C6; overflow-x:hidden; padding:4px!important; padding:4px 4px 8px 0; margin-top:4px; }
.sort_nav { float:right; }
.sort_nav ul { margin:0; padding:0; list-style:none; text-align:left }
.sort_nav li { float:left; background:#FAFAFA ; width:202px!important;width:130px; border-top:1px solid #FFF; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; border-left:1px solid #FFF; padding:4px ; margin:4px; }
#sort_right_pink { float:left; width:138px!important;width:140px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
.sort_pink_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
.sort_pink_content { text-align:left; margin:5px; overflow-x:hidden }
.sort_pink_content ul { list-style-type:none; width:220px; margin:0px; padding:0px; }
.sort_pink_content li { 0 6px no-repeat; margin-left:5px; padding-left:15px; padding-bottom:0px!important;padding-bottom:4px;line-height:20px; height:20px; overflow:hidden }
/* list 图文并茂结束*/
/* 以下是图片+CSS圆角 */
.f_top,
.f_end {background-position: right -5px;}
.f_t_l,
.f_e_l {background-position: left -5px;}
.box {border-right: 0px solid #ccc;border-left: 0px solid #F1F1F1;}
/* 以上是图片+CSS圆角 */
.box h2 {height: 30px;font: bold 12px/30px Arial, sans-serif;margin: 0 10px;border-bottom: 1px dotted #F1F1F1;}
.box h2 span {float: left;}
.box h2 a {font: 10px/30px Arial, sans-serif;float: right;color: #666;}
.box_inside {padding: 10px;line-height: 1.5em;}
.box_inside a {color: #666;}
li {}
#div_1,
#div_2,
#div_3,
#div_4,
#div_5,
#div_6 {margin: 10px 0;}
#div_1 {width: 980px;background: #fff;}
#div_2 {width: 760px;background: #eee;}
#div_3 {width: 490px;background: #ddd;}
#div_4 {width: 250px;background: #F1F1F1;}
#div_5 {width: 210px;background: #F1F1F1;}
#div_6 {width: 150px;background: #aaa;}
/* 以下为纯CSS圆角 */
.divBox {padding: 10px;border-right: 1px solid #000;border-left: 1px solid #000;}
b, u, i {display: block;height: 1px;overflow: hidden;}
/* 第一种圆角 */
b.f1 {margin: 0 4px;background: #000;}
b.f2 {margin: 0 2px;border-right: 2px solid #000;border-left: 2px solid #000;}
b.f3 {height: 2px;margin: 0 1px;border-right: 1px solid #000;border-left: 1px solid #000;}
/* 第一种圆角结束 */
/* 第二种圆角 */
u.f1 {margin: 0 3px;background: #000;}
u.f2 {margin: 0 1px;border-right: 2px solid #000;border-left: 2px solid #000;}
u.f3 {margin: 0 1px;border-right: 1px solid #000;border-left: 1px solid #000;}
/* 第二种圆角结束 */
/* 第三种圆角 */
i {margin: 0 1px;background: #000;}
/* 第三种圆角结束 */
/* list - contact */
ul.list_contact { list-style: none; padding-left: 3px; }
ul.list_contact li { padding: 0 0 4px 18px; }
ul.list_contact li.phone { background: url(ico_phone.gif) 2px 0px no-repeat; }
ul.list_contact li.mail { background: url(ico_mail.gif) 0px 3px no-repeat; }
ul.list_contact li.fax { background: url(ico_fax.gif) 0px 3px no-repeat; }
ul.list_contact li.qq { background: url(ico_mail.gif) 0px 3px no-repeat; }
ul.list_contact li.skype { background: url(ico_mail.gif) 0px 3px no-repeat; }
ul.list_contact li.msn { background: url(ico_mail.gif) 0px 3px no-repeat; }
#nli_con {
height: 100px;
width: 250px;
overflow: hidden;
border: 0px solid #999999;
}
div,dl,dt,dd {
margin: 0px;
padding: 0px;
}
dl {
padding-top: 5px;
padding-bottom: 5px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
font-size: 14px;
margin-right: 5px;
margin-left: 5px;
}
dd {
font-size: 12px;
}